/*
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700,300);

Template Name: UBold Dashboard
Author: CoderThemes
Email: coderthemes@gmail.com
File: Common
*/

*{font-family:"microsoft yahei";}

html,body{
	color: #333333;
	font-family:"microsoft yahei";
}

.footer{
	position: relative;
}

a, a:hover, a:active, a:focus{
 text-decoration: none;
}

/*pabule*/
.m-0{
	margin:0px !important;
	}

.m-10{
	margin:10px !important;
	}

.m-15{
	margin:15px !important;
	}
	
.m-20{
	margin:20px !important;
	}
	
.m-b-0{
	margin-bottom: 0px !important;
}

.m-b-10{
	margin-bottom: 10px !important;
}

.m-b-15{
	margin-bottom: 15px !important;
}

.m-b-20{
	margin-bottom: 20px !important;
}

.m-t-0{
	margin-top: 0px !important;
}

.m-t-10{
	margin-top: 10px !important;
}

.m-t-15{
	margin-top: 15px !important;
}

.m-t-20{
	margin-top: 20px !important;
}

.f-s-12 {
	font-size: 0.75em !important;
}

.f-s-10 {
	font-size: 0.6em !important;
}

.f-s-14 {
	font-size: 14px !important;
}

.f-s-16 {
	font-size: 16px !important;
}


.f-s-20 {
	font-size: 1.2em !important;
}
.f-s-24 {
	font-size: 1.5em !important;
}

.navbar-default {
    background-color: #f3f3f3;
}
.navbar-nav{
    font-size: 12px;
}
.position-t-l{
	position: absolute;
	top: 5px;
	left:20px;
    width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: bold;
}

.position-b-r{
	position: absolute;
	bottom: 25px;
	right:20px;
}

.tabel-cell .card-box{
	height: 90px;
}

.border-r{
	border-right: 1px solid #CCCCCC;
}

.text-center{
	text-align: center;
}

.text-right{
	text-align: right;
}


/*pabule end*/
.media .media-heading {
     font-weight:normal;
    font-size: 15px;
}
.table-qlist td {
    line-height: 30px;
    color: #000;
}


.img-box img{
	width: 200px;
	height: 200px;
}

.img-box p{
	font-size: 20px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	top: calc(50% - 42px);
    width: 200px;
    left: calc(50% - 100px);
    display: none;
}
.int-iphone {
    position: relative;
    left: 10px;
    padding-top: 40px;   
    width: 330px;   
    padding-bottom: 50px;
    background: #F7F7F7;
    border-radius: 30px;
    border: 1px solid #B6B6B6;
    float: left;
}

.int-iphone .receiver {
    position: absolute;
    width: 26%;
    left: 37%;
    height: 8px;
    top: 21px;
    border-radius: 10px;
    background: #73757A;
    box-shadow: 0 -2px #373434;
}

.int-iphone .screen {
    position: relative;
    width: 328px;
    height: 520px;
    background: #D8E5E8;
    border-bottom: solid 1px #BDBDBD;
}

.int-iphone .iphone-preview {
    position: absolute;
    bottom: 5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    border-radius: 100%;
    background: rgb(243, 227, 227);
    left: 140px;
    box-shadow: 0 0 0 3px #5CBDFF;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;
}
.inbox-widget .inbox-item .inbox-item-author {
    color: #333333;
    display: block;
    margin: 0;
    width: 95%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inbox-widget .inbox-item .inbox-item-date{
	right: 7px;
    top: calc(100% - 20px);
}


.nav1 > li > a {
    color: #36404a !important;
    line-height: 60px;
    padding: 0px 15px;
    position: relative;
    font-size:14px;
}


.nav1 >li {
    position: relative;
    display: block;
}

.icon-position-r{
    position: absolute;
    right: -10px;
    top: 10px;
}

#components{
       height: 200px;
      }
      #target{
        min-height: 200px;
        border: 1px solid #ccc;
        padding: 5px;
      }
      #target .component{
        border: 1px solid #fff;
      }
      #temp{
        width: 500px;
        background: white;
        border: 1px dotted #ccc;
        border-radius: 10px;
      }

      .popover-content form {
        margin: 0 auto;
        width: 213px;
      }
      .popover-content form .btn{
        margin-right: 10px
      }
      #source{
        min-height: 500px;
      }



button.btn-color{
	width: 12.5%;
    height: 30px;
    border: 1px solid #ccc;
}


.modal.fade.modal-lg.in {
    top: 0%;
    
}

.modal.fade.modal-lg.in .modal-body{
	max-height: 650px;
	height: 650px;
}



/*.modal{*/
	/*left: calc(50% - 450px);*/
/*}*/

.modal-title{
	font-size: 14px;
	font-weight: bold;
}

.modal .modal-dialog .modal-content .modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
}

.modal .modal-dialog .modal-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #DDDDDD;
    border-radius: 6px;
    box-shadow: none;
    padding: 0px; 
}


.dropdown, .dropup {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.btn-link{
	color:inherit;
}

.btn-link:focus, .btn-link:hover {
    text-decoration: none;
}


@media (min-width: 768px){
.form-horizontal .control-label.text-left{
   
    text-align: left;
}



}


@media (max-width:768px) {
	.col-md-6.panel {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}
}

.BMapLabel{
	max-width: 500px;
	border-radius: 3px;
	font-family: "microsoft yahei" !important;
    border-color: #EEEEEE !important;
}



.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths
{ position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; }
@media ( min-width : 768px)
{
    .col-sm-5ths { width: 20%; float: left; }
}
@media ( min-width : 992px)
{
    .col-md-5ths { width: 20%; float: left; }
    .modal-lg .modal-dialog{
    width: 700px;
}
}
@media ( min-width : 1200px)
{
    .col-lg-5ths { width: 20%; float: left; }
}
/*UTF8*/